<template>
	<div class="bear-StepContainerItem">
		<slot></slot>
	</div>
</template>

<script>
	/**
	 * @author 唐国雄
	 * 步骤内容
	 * 属性----------------------
	 * :name		步骤名称
	 * :icon		图标
	 * :font-class	图标应用的class
	 * :icon-size	图标大小
	 */
	export default{
		name:'StepContainerItem',
		inject:['StepContainerInstance'],
		props:{
			name:String,
			icon:String,
			fontClass:String,
			iconSize:String
		},
		computed:{
			$_bear_changeListener(){
				return [this.name,this.icon,this.fontClass,this.iconSize];
			}
		},
		watch:{
			$_bear_changeListener(){
				this.StepContainerInstance.slotChange();
			}
		},
		mounted(){
			this.StepContainerInstance.slotChange();
		},
		beforeDestroy(){
			this.StepContainerInstance.slotChange();
		}
	};
</script>

<style lang="scss">

</style>
